<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>登录页</title>
<!--BootStrap CSS的引用文件-->
<link rel="stylesheet"
	th:href="@{/static/bootstrap/css/bootstrap.min.css}" />
<link rel="stylesheet" th:href="@{/static/css/login.css}" />
<link rel="stylesheet" th:href="@{/static/css/global.css}" />
</head>

<body>
	<!-- 弹窗组件 -->
	<div th:replace="reuse/alertBox::alertBox"></div>

	<!--login component-->
	<div id="loginBox" class="container shadow pt-5 pb-5">
		<h1 class="text-center mb-5">就诊系统登录窗口</h1>
		<form action="/patient/login" method="post" id="form"
			class="container">
			<div class="row justify-content-center mb-5 label">
				<label for="account" class="col-3 col-md-1 col-form-label">
					账户 </label>
				<div class="col-7">
					<input type="text" class="form-control" id="account" name="account" />
				</div>
			</div>
			<div class="row justify-content-center mb-5">
				<label for="password" class="col-3 col-md-1 col-form-label">
					密码 </label>
				<div class="col-7">
					<input id="password" type="password" class="form-control"
						placeholder="请输入您的密码" name="password" />
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-5 col-md-2">
					<button type="button" class="btn btn-outline-primary">
						<a th:href="@{/patient/register}">首次注册</a>
					</button>
				</div>
				<div class="col-3 col-md-2">
					<button type="submit" class="btn btn-primary">登录</button>
				</div>
			</div>
		</form>
	</div>

	<!--JS文件放body最下面会使浏览器先渲染完页面再加载JS提升流畅度-->
	<script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
